<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>MonkeyCMS</title>
<link type="text/css" rel="stylesheet" href="statics/css/monkey.css"/>
<style type="text/css">
html { background:url(statics/images/header_bg.jpg) repeat left top;}
.login_wrap { position:absolute; top:50%; left:50%; margin:-120px 0 0 -140px; width:280px; height:200px;}
.login_header { clear:both; height:50px; background:url(statics/images/logo.png) no-repeat center;}
.login_main {}
.login_item { clear:both; margin:10px 0 0 0; height:35px; line-height:35px; color:#CCC;}
.login_input { padding:0 5px; width:270px; height:35px; line-height:35px; border:none; background:#FFF; font-size:14px; color:#333;}
.login_button { width:280px; height:35px; line-height:35px; border:1px solid #458BC9; color:#FFF; background-color:#599DD8; background:-webkit-gradient(linear, left top, left bottom, from(#599DD8), to(#4E93CF)); background:-moz-linear-gradient(top, #599DD8, #4E93CF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599DD8', endColorstr='#4E93CF'); background:-o-linear-gradient(top, #599DD8, #4E93CF); background:linear-gradient(top, #3283C6, #4E93CF); text-align:center; color:#FFF; cursor:pointer;}
.login_button:hover { border:1px solid #3C83C0; background-color:#599DD8; background:-webkit-gradient(linear, left top, left bottom, from(#5094D1), to(#458BC9)); background:-moz-linear-gradient(top, #5094D1, #458BC9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5094D1', endColorstr='#458BC9'); background:-o-linear-gradient(top, #5094D1, #458BC9); background:linear-gradient(top, #5094D1, #458BC9);}
</style>
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script type="text/javascript" src="statics/js/placeholder.js"></script>
</head>

<body>

<!--login_wrap-->
<div class="login_wrap">

	<!--login_header-->
	<div class="login_header">

	</div>
	<!--/login_header-->

	<!--login_main-->
	<div class="login_main">

		<div class="login_item">
			<input type="text" class="login_input" placeholder="用户名" tabindex="1" />
		</div>

		<div class="login_item">
			<input type="password" class="login_input" placeholder="密码" tabindex="2" />
		</div>

		<div class="login_item">
			<input type="submit" value="登录" class="login_button" tabindex="3" />
		</div>

		<div class="login_item">
			<input type="checkbox" tabindex="4" />&nbsp;记住用户
		</div>

	</div>
	<!--/login_main-->


</div>
<!--/login_wrap-->

</body>
</html>